<template>
  <div>
      {{msg}}
  </div>
</template>

<script>
import {defineComponent,computed,toRefs} from "vue"
import {userStore} from "@/stores/index"
import {storeToRefs} from 'pinia'
export default {
    setup(){
        const store =userStore()
        // store.msg = 'New Message.'
        // console.log(store.msg)
        // return{
        //     store
        // }
        //.................

        // const message = computed(()=>store.msg)
        // console.log("111",message.value)
        // return{
        //     message
        // }
        //........................

        // const message=computed({
        //     get:()=>store.msg,
        //     set(newval){
        //         store.msg=newval
        //     }
        // })
        // message.value="111" 
        // console.log(message.value)
        // return{
        //     message
        // }
        //.......................

        // const {msg} =storeToRefs(store)
        // // msg.value='111'
        // console.log("msg" ,msg.value)
        // return{
        //     msg
        // }
        //...........
        
        // const {msg} =toRefs(store)
        // msg.value='111'
        // console.log(JSON.stringify(store.$state.msg))
        // store.$patch({
        //     msg:'222'
        // })
        
        // store.$state={
        //     msg:'333'
        // }
        // setInterval(()=>{
        //     store.$reset()
        // },3000)
        // store.$state={
        //     msg:'444'
        // }
        // console.log(JSON.stringify(store.$state.msg))
        // console.log("msg" ,msg.value)
        // return{
        //     msg
        // }
        //..........................

        
    }
}
</script>

<style>

</style>